@media (max-width: 1215px) {
    .bx-w96
    {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
    }
}
@media (max-width: 1199px)
{
    .bx-dn
    {
        display: none;
    }
    .bx-db
    {
        display: block;
    }

    .b-wrap
    {
        width: 96%;
        left: 2%;
        margin-left: 0;
    }
    .header .nav li
    {
        margin: 0 7px;
    }
    .header .nav li > a
    {
        padding: 0 7px 10px;
    }
    .banner li
    {
        height: 5.5rem;
    }
    .sub-banner .sub-box
    {
        width: 96%;
        padding: 10px 2% 9px;
    }
    .yy-kc
    {
        padding-left: 2%;
        padding-right: 2%;
    }
    .yy-kc li .s03
    {
        width: 62px;
    }
    .yy-kc li .inp
    {
        width: 68%;
    }
    .yy-kc li .inp.w100
    {
        width: 73%;
    }
    .yy-kc li .inp.textarea
    {
        width: 84%;
    }
    .yy-kc li .inp.short
    {
        width: 40%;
        margin-right: 1%;
    }
    .yy-kc li .yzm
    {
        width: 24%;
    }
}
@media (max-width: 991px)
{
    .mx-db
    {
        display: block;
    }
    .mx-dn
    {
        display: none;
    }
    .header .logo
    {
        width: 286px;
        height: 53px;
        margin-bottom: 14px;
    }
    .header .h-right
    {
        margin-top: 25px;
    }
    .header .tools .ico.ico03
    {
        display: block;
    }
    .header .nav
    {
        margin-top: 0;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        z-index: 999;
        padding: 10px 0;
        background-color: rgba(0, 54, 99, 0.8);
    }
    .header .nav li
    {
        float: none;
        width: 100%;
        margin: 0;
    }
    .header .nav li > a
    {
        padding: 5px 0;
        color: #fff;
    }
    .header .nav li .line
    {
        display: none;
    }
    .header .nav li .snav
    {
        position: static;
        padding: 5px 0;
        line-height: 28px;
    }
    .header .nav li .snav a
    {
        font-size: 14px;
    }
    .header .nav li:hover > a, .header .nav li.act > a
    {
        color: #fff;
    }
    .b-wrap
    {
        position: static;
        width: 100%;
        height: auto;
    }
    .b-wrap .b-left
    {
        width: 31%;
        height: 285px;
    }
    .b-wrap .b-center
    {
        width: 69%;
    }
    .b-wrap .b-right
    {
        width: 100%;
    }
    .b-wrap .b-right .vedio-box
    {
        height: auto;
        overflow: hidden;
    }
    .sub-banner
    {
        height: 2.5rem;
    }
    .main-wrap
    {
        position: relative;
    }
    .main-wrap .w-left
    {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
        background-color: #f2f2f2;
        width: 100%;
        margin-top: 0;
    }
    .main-wrap .w-left>a,.main-wrap .w-left div.rel>a
    {
        margin-left: 0;
        border-radius: 0;
    }
    .main-wrap .w-left div.rel:hover .leftNav_nd:after{display: none;}
    .main-wrap .w-left .leftNav_nd{
        z-index:1;opacity: 1;padding: 0;position: static;width: auto;margin-bottom: 8px;display: none;transition: none;
    }
    .main-wrap .w-right
    {
        padding: 3%;
    }
    .contact li
    {
        width: 50%;
    }
    .yy-kc li
    {
        width: 50%;
    }
    .yy-kc li .inp
    {
        width: 66%;
    }
    .yy-kc li .inp.textarea
    {
        width: 82%;
    }
    .yy-kc li .inp.w100
    {
        width: 72%;
    }
    .sub-banner .sub-box
    {
        background-image: url(../images/ico1.png);
        background-position: 96% center;
        background-repeat: no-repeat;
    }
}
@media (max-width: 750px)
{
    .sx-db
    {
        display: block;
    }
    .sx-dn
    {
        display: none;
    }
    .sx-w100
    {
        width: 100%;
    }
    .text
    {
        font-size: 14px;
        line-height: 22px;
    }
    .text_s
    {
        font-size: 12px;
        line-height: 1.4;
    }
    .text_m
    {
        font-size: 16px;
        line-height: 1.3;
    }
    .text_b
    {
        font-size: 18px;
        line-height: 1.3;
    }
    .text_mb
    {
        font-size: 17px;
        line-height: 1.3;
    }
    .header .logo
    {
        width: 178px;
        height: 33px;
        margin-bottom: 10px;
    }
    .header .h-right
    {
        margin-top: 10px;
    }
    .header .tools .ico
    {
        width: 40px;
        height: 33px;
    }
    .header .tools .ico.ico03
    {
        background-size: 55% auto;
    }
    .header .nav li > a
    {
        padding: 4px 0;
        line-height: 24px;
        font-size: 14px;
    }
    .b-wrap .b-left
    {
        display: none;
    }
    .b-wrap .b-center
    {
        width: 100%;
    }
    .b-wrap .b-center .b-c-dl .dl > div
    {
        width: 50px;
        height: 50px;
        margin: 0 auto .2rem;
    }
    .b-wrap .b-center .b-c-dl .dl p
    {
        font-size: 13px;
    }
    .b-wrap .b-right .vedio-box .v-ico
    {
        width: 54px;
        height: 54px;
        margin-left: -27px;
        margin-top: -27px;
    }
    .footer .sx-normal
    {
        margin: 0;
    }
    .pop-box .pop-div
    {
        width: 90%;
    }
    .pop-box .pop-title
    {
        padding: 8px 15px;
        font-size: 18px;
        line-height: 30px;
    }
    .pop-box .pop-close
    {
        height: 30px;
        width: 30px;
        background-size: 25px 25px;
    }
    .pop-box .pop-body
    {
        padding: .3rem 7%;
    }
    .pop-box .search-ul
    {
        margin-left: 0%;
    }
    .pop-box .search-ul li
    {
        width: 100%;
        margin-left: 0%;
    }
    .pop-box .pinp
    {
        padding: 5px 8%x;
        margin-bottom: 12px;
        width: 86%;
    }
    .pop-box .pinp.short
    {
        width: 40%;
    }
    .pop-box .pspan
    {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
    .sub-banner
    {
        height: 3rem;
    }
    .sub-banner .sub-box
    {
        padding: 8px 2%;
    }
    .main-wrap .w-left div.rel>a
    {
        line-height: 40px;
        font-size: 14px;
    }
    .map
    {
        height: 4rem;
    }
    .contact li
    {
        width: 100%;
    }
    /*******************发展里程*******************/
    .develop
    {
        padding-bottom: 60px;
        margin-bottom: 0;
    }
    .develop .develop_line
    {
        padding-bottom: 0;
        left: 22%;
    }
    .develop .develop_ico01
    {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
        left: -20px;
    }
    .develop .develop_ul
    {
        padding-top: 72px;
    }
    .develop li
    {
        padding-bottom: 35px;
    }
    .develop li .develop_left
    {
        float: left;
        width: 19%;
        margin-left: 2%;
        margin-right: 1%;
    }
    .develop li .develop_right
    {
        float: right;
        width: 74%;
        line-height: 24px;
    }
    .develop li.two .develop_left
    {
        float: left;
        margin-left: 2%;
        margin-right: 1%;
        text-align: right;
    }
    .develop li.two .develop_right
    {
        float: right;
        margin-right: 1%;
        margin-left: 3%;
        text-align: left;
    }
    .develop .d_ico
    {
        left: 22%;
    }
    .job li .j_title
    {
        line-height: 35px;
    }
    .job li .j_td_a a
    {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 22px;
    }
    .job li .j_td_a a i
    {
        height: 22px;
    }
    .job li .j_contact span
    {
        display: block;
        margin-top: .2rem;
    }
    .yy-kc
    {
        /*margin-top: -0.3rem;*/
    }
    .yy-kc li
    {
        width: 100%;
        margin-bottom: .25rem;
    }
    .yy-kc li .inp
    {
        width: 66%;
    }
    .yy-kc li .inp.textarea
    {
        width: 66%;
    }
    .yy-kc li .inp.w100
    {
        width: 74%;
    }
    .yy-kc li.kc-btn a,.yy-kc li.kc-btn .btn
    {
        width: 40%;
        line-height: 38px;
    }
    .honor-years a
    {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 6px;
    }
    .big-honor
    {
        height: 4rem;
    }
    .honor
    {
        padding-left: 0;
        padding-right: 0;
    }
    .slider01 .slide
    {
        width: 1.2rem;
        height: 1.64rem;
    }
    .download-slider
    {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .download-slider .bx-wrapper .bx-controls-direction a
    {
        display: none;
    }
    .slider02 .slide a
    {
        display: block;
        padding: 7px 6px 9px;
        background-color: #f7f7f7;
    }
    .slider02 .slide .s-img
    {
        height: 86px;
    }
    .download-list li
    {
        padding: 10px 0 10px 15px;
        line-height: 22px;
        background-position: left center;
    }
    .download-list li .d-text
    {
        width: 80%;
    }
    .download-list li .d-btn
    {
        width: 20%;
    }
    .main-wrap .w-right.bg-blue
    {
        background-color: #fff;
    }
    .pro-nav
    {
        position: absolute;
        padding-top: 0;
        left: 0;
        top: 36px;
        width: 100%;
    }
    .pro-nav li
    {
        padding: 8px 0 8px 33px;
        line-height: 22px;
        background: url(../images/dot1.png) no-repeat 20px center;
    }
    .pro-nav li > a
    {
        display: block;
        padding-right: 25px;
        background-position: 97% center;
        background-repeat: no-repeat;
        font-size: 14px;
    }
    .pro-nav li.act, .pro-nav li:hover
    {
        background-color: #b8e2f8;
    }
    .pro-nav li.act > a, .pro-nav li:hover > a
    {
        color: #00a0e9;
        background-image: url(../images/dot2.png);
    }
    .result
    {
        padding: .3rem .15rem;
        min-height: 0;
    }
    .result li
    {
        line-height: 30px;
        font-size: 14px;
    }
    .result .res-text
    {
        width: 90px;
        padding-left: .15rem;
    }
    .bx-wrapper .bx-pager
    {
        display: none;
    }
}
@media (max-width: 1199px)
{
    .main-wrap .w-right
    {
        width: calc(96vw - 228px);
    }
}
@media (max-width: 991px)
{
    .main-wrap .w-right
    {
        width: 94%;
    }
}